/**
 * Created by Administrator on 2018/4/20.
 */
;(function($){
    "use strict";
    $.fn.extend({
        Scroll:function(opt,callback){
            //参数初始化
            if(!opt) var opt={};
            var _btnLeft = $("."+ opt.left);//Shawphy:向左按钮
            var _btnRight = $("."+ opt.right);//Shawphy:向又按钮
            var timerID;
            var _this=this.eq(0).find("ul:first");
            var length =_this.children('div').length;
            var liWidth =_this.find('.tablist').outerWidth(true);
            var Play =opt.Play;
            var lineWidth =liWidth;
            console.log($('.tablist').width())
            var line  = opt.line?parseInt(opt.line,10):parseInt(this.width()/lineH,10);
            var speed = opt.speed?parseInt(opt.speed,10):5000; //卷动速度，数值越大，速度越慢（毫秒）
            var timer = opt.timer; //?parseInt(opt.timer,10):3000; //滚动的时间间隔（毫秒）
            var dir ="right";
            if(line==0) line=1;
            var upHeight=0-line*lineWidth;
            //向左滚动函数
            var scrollLeft=function(){
                _btnLeft.unbind("click",scrollLeft);
                dir ='left';
                _this.animate({
                    marginLeft:upHeight
                },"normal",'swing',function(){
                    for(var i=1;i<=line;i++){
                        _this.find("div:first").appendTo(_this);
                    }
                    _this.css({marginLeft:0});
                    _btnLeft.bind("click",scrollLeft);
                });
            };
            //向右函数
            var scrollRight=function(){
                _btnRight.unbind("click",scrollRight);
                // scrollRight =null;
                dir='right';
                // autoStop();
                for(var i=1;i<=line;i++){
                    _this.find("div:last").show().prependTo(_this);
                };
                _this.css({marginLeft:upHeight});
                _this.animate({
                    marginLeft:0
                },'normal','swing',function(){
                    _btnRight.bind("click",scrollRight);
                });
            };
            _btnLeft.css("cursor","pointer").click( scrollLeft )//Shawphy:向上向下鼠标事件绑定
            _btnRight.css("cursor","pointer").click( scrollRight);

        }
    })
})(jQuery);
//初始化


// $(document).ready(function () {
//
// });
// $(window).resize(function () {
//     $('.tablist').outerWidth($('.tabUl').width()/4);
//     $('.tab').outerWidth($('.tablist').length*($('.tabUl').width()/4))
//     $('.tablist').css({
//         "padding":"0 10px"
//     })
//     $("#row").Scroll({line:1,speed:200,timer:600,left:"btnLeft",right:"btnRight",Play:false,});
// })


